<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>

<%
String regionId = (String)request.getParameter("regionId");
String regionName = (String)request.getParameter("regionName");
if( regionId != null ){
	regionId=Base64.decode(regionId);
}else{
	regionId = "";
}

if( regionName == null ){
	regionName = "";
}
%>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>

<script>
	var in_regionId = '<%=regionId%>';
	var in_regionName = '<%=regionName%>';
	if( in_regionName != null && in_regionName.length != 0 ){
		in_regionName = decodeURIComponent(in_regionName);
	}
	requires(["laydate","echarts","customselect", "zhly","/zhly/analysis_track.js"]);
</script>

</head>
<body class="gry_bg">
<div class="select_top">
	<a class="but_backa" onclick="history.go(-1)"></a>
	<div class="select_pre">
		<span>区域</span>
		<p id="citySelect" class="hasCitySelect"><span id="citySelectSpan"></span><b class="click_arrow"></b></p>
		<ul class="select_content" id="cityListInfo">
		</ul>
	</div>

	<div class="select_pre">
		<span>景区类型</span>
		<p id="regionTypleSelect" class="hasRegionTypleSelect"><span id="regionTypleSpan"></span><b class="click_arrow"></b></p>
		<ul id="regionTypleInfo" class="select_content">
		</ul>
	</div>

	<div class="select_pre">
		<span style="margin-right: 24px;">景区</span>
		<div id="divselect" class="divselect">
		<input id="divselectInput" type="text" value="搜索景区，请输入名称" focusstatus="true" class="hasRegionList">
		<ul style="width: 140px;margin-top: 2px;" id="RegionListInfo" class="select_content">
		</ul>
		</div>
		<input id="inputselect" value="" style="display: none">
		<select id="selectId" style="display: none;"></select>
	</div>
	<div class="select_pre select_date">
		<input  checked="checked"  type="radio" name="dataTimeType" value="day" />
		<b>日</b>
		<input  type="radio" name="dataTimeType" value="month"/>
		<b>月</b>
	</div>
	<div class="select_pre" id="dateTime">
		<span>开始时间</span>
		 <div id="dayStartDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;">
		  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" type="text" id="dayStart" />
		  <label for="dayStart"><b class="calendar"></b></label>
 		</div>
 		<div id="monthStartDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;display: none;" >
		  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" name="" type="text" id="monthStart" />
		  <label for="monthStart"><b class="calendar"></b></label>
 		</div>
	</div>
	<div class="select_pre" id="dateTimeEnd">
		<span>结束时间</span>
		 <div id="dayEndDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;">
		  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" type="text" id="dayEnd" />
		  <label for="dayEnd"><b class="calendar"></b></label>
 		</div>
 		<div id="monthEndDiv" style="border: 1px solid #e8e8e8; float: left; margin-left: 6px;margin-top: 0px;display: none;" >
		  <input style="height: 28px;width:96px;line-height:28px;border: 0px;color: #c6c6c6;padding-left:6px;" name="" type="text" id="monthEnd" />
		  <label for="monthEnd"><b class="calendar"></b></label>
 		</div>
	</div>

	<!-- <div class="select_pre">
		<span>结束时间</span>
		<p>2016-04-29<b class="calendar"></b></p>
	</div> -->

	<button type="submit" class="select_button">查 询</button>
</div>
<!-- <ul class="behavior_search"> -->
<!-- 	<li class="li_on"  onclick="javascript:location.href='analysis_track.jsp'">访问频次分析</li> -->
<!-- 	<li onclick="javascript:location.href='analysis_tourist_route.jsp'">深度游分析</li> -->
<!-- </ul> -->
<div class="content">
		<div class="box blankBox">
			<div class="box_analysis">
              
             <table border="0" cellspacing="0" cellpadding="0">
             	<tr>
             		<td>
             			<!-- <div class="tra_chart" style="height:244px;width:600px;"> -->
             			<div id="track_left" class="tra_chart">
						    <div id="stayLevelPie"  style="height:100%;width:100%;"></div>
					    </div>
             		</td>
             		<td style="margin-left:50px;">
             			<!-- <div class="tra_chart" style="height:244px;width:700px;"> -->
             			<div  id="track_right" class="tra_chart">
						    <div id="stayCntsLine"  style="height:100%;width:100%;"></div>
					    </div>
             		</td>
             	</tr>
             	<tr>
             		<td style="vertical-align:top;">
             			<div class="tra_tableDiv">
			               	<div class="title">驻留时长统计<div class="dwload" id="exportStayLevelTable">下载导出</div></div>
							<!--table begin-->
							<div style="height:165px; overflow:auto;" id="stayLevelTable">
								<table width="100%" class="dateTable">
									<thead>
										<tr>
											<th width="20%">日期</th>
											<th width="16%">[0,1)小时</th>
											<th width="16%">[1,2)小时</th>
											<th width="16%">[2,3)小时</th>
											<th width="16%">[3,4)小时</th>
											<th width="16%">[4,24]小时</th> 
										</tr>
									</thead>
									<tbody id="stayLevelTableBody">
												
									</tbody>
								</table>
							</div>
							<!--table end-->
						</div>
             		</td>
             		<td style="vertical-align:top;">
             			<div class="tra_tableDiv" >
			              	<div class="title">驻留频次统计<div class="dwload" id="exportStayCntsTable">下载导出</div></div>
							<!--table begin-->
							<div style="height:165px; overflow:auto;" id="stayCntsTable">
								<table border="0" cellspacing="0" cellpadding="0" class="dateTable" >
									<thead id="dataPeriodHeader">
										<tr>
											<th width="20%">日期</th>
											<th width="20%">1次</th>
											<th width="20%">2次</th>
											<th width="20%">3次</th>
											<th width="20%">4次及以上</th>	       
										</tr>
									</thead>
									<tbody id="stayCntsTableBody">
									
									</tbody>
								</table>
							</div>
							
						</div>
             		</td>
             	</tr>
             </table>
            </div>
         </div>
    </div>
</body>
</html>

